<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Copyright" content="bo-tech.com,博源科技" />
<link href="../style/master.css" rel="stylesheet" type="text/css" media="screen" />
<title>商品详情</title>
</head>
<body>
<div id="pagewrapper">
   <div class="side_nav">
       <p>您好，欢迎来到好靓购物广场！<a href="#">[请登录]</a> <a href="#">[免费注册]</a></p>
        <ul class="quick_menu">
           <li><a href="#">我的宝贝</a></li>
           <li><a href="#">我要买</a></li>
           <li><a href="#">收藏夹</a></li>
           <li><a href="#">购物车</a></li>
           <li><a href="#">付款方式</a></li>
           <li><a href="#">社区</a></li>
           <li><a href="#">帮助</a></li>
           <li><a href="#">会员活动</a></li>
           <li><a href="#">更多服务</a></li>
        </ul>
    </div>
 <!--header start-->
	<div class="header">
    	<div class="top clear">
        	<a class="logo" href="#"><img src="../images/logo.jpg" width="240" height="65" alt="返回首页" /></a>
            <ul class="top_bar clear">
            	<li>您好！欢迎光临XX商城！</li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">订单查询</a></li>
                <li><a href="#">购物车[<span>5</span>]</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
		</div>
        <div class="tocenter">
            <ul class="menu">
                <li><a class="current" href="#"><span>首页</span></a></li>
                <li><a href="#"><span>潮流女装</span></a></li>
                <li><a href="#"><span>精品配饰</span></a></li>
                <li><a href="#"><span>童装母婴</span></a></li>
                <li><a href="#"><span>家居用品</span></a></li>
                <li><a href="#"><span>美容保健</span></a></li>
                <li><a href="#"><span>箱包鞋帽</span></a></li>
                <li><a href="#"><span>优惠特价</span></a></li>
            </ul>
            <div class="Zclear"></div>
        </div>
        <div class="search_bar">
            <p>关注热点：<a href="#">羊绒大衣</a><a href="#">保湿面膜</a><a href="#">懒人毯</a><a href="#">艾格</a></p>
            <div class="search_box">
                <input class="search_text" name="" type="text" value="请输入您要搜索的商品名"/>
                <input class="search_btn" name="" type="button" value="搜索" />
            </div>
        </div>
    </div>
 <!--header end--> 
 <!--main start-->    
	<div class="main clear">
       <!--sider start-->  
    	<div class="sider">
        <!--我的购物车-->  
			<div class="box">
				<div class="wintop">
                	<span>我的购物车</span>
					<a class="more" href="#">修改</a>
                    <div class="zclear"></div>
                </div>
                <div class="border gray_bg">
					<ul class="goods_incart">
						<li class="clear">
							<a class="incart_img" href="#"><img src="../temp/38.gif" width="50" height="50" alt="sdf" /></a>
							<div class="fleft">
								<a href="#">时尚粉色淑女时尚粉色手提包单肩包</a>
								<p class="p_price">￥189</p>
							</div>
						</li>
						<li class="clear">
							<a class="incart_img" href="#"><img src="../temp/36.gif" width="50" height="50" alt="sdf" /></a>
							<div class="fleft">
								<a href="#">Tata09新款浅橘色羊漆皮女鞋</a>
								<p class="p_price">￥369</p>
							</div>
						</li>
					</ul>
					<div class="tocenter mt_10px"><!--购物车没有商品时，隐藏此div-->
						<a class="first" href="#"><span>结算</span></a>
					</div>
				</div>
			</div>
		<!--我的购物车 end-->
        <!--商品分类-->    
        	<div class="box">
            	<div class="wintop">
                	<span>商品分类</span>
                    <a class="more" href="#">更多</a>
                    <div class="zclear"></div>
                </div>
                <div class="border">
					<ul class="sort">
                    	<li>
                        	<p><a href="#">潮流服饰</a></p>
                       		<div><a href="#">T恤</a><a href="#">连衣裙</a><a href="#">卫衣</a><a href="#">毛线衣</a><a href="#">短外套</a><a href="#">风衣</a><a href="#">羽绒服</a><a href="#">牛仔裤</a><a href="#">内衣</a></div>
						</li>
                        <li>
                        	<p><a href="#">精品配饰</a></p>
                       		<div><a href="#">毛衣链</a><a href="#">耳环</a><a href="#">钻戒</a><a href="#">项链</a><a href="#">头花</a><a href="#">手镯</a><a href="#">贝雷帽</a><a href="#">鸭舌帽</a></div>
                        </li>
                        <li>
                        	<p><a href="#">童装母婴</a></p>
                        	<div><a href="#">益智玩具</a><a href="#">亲子装</a><a href="#">爬服</a><a href="#">防辐射服</a><a href="#">精油</a><a href="#">摇篮</a><a href="#">童车</a><a href="#">积木</a></div>
                        </li>
                        <li>
                        	<p><a href="#">家居用品</a></p>
                        	<div><a href="#">拖把</a><a href="#">调味罐</a><a href="#">拖鞋</a><a href="#">收纳盒</a><a href="#">压缩袋</a><a href="#">创意闹钟</a><a href="#">浴巾</a><a href="#">床上四件套</a></div>
                        </li>
                        <li>
                        	<p><a href="#">美容保健</a></p>
                        	<div><a href="#">保湿乳液</a><a href="#">隔离霜</a><a href="#">防晒霜</a><a href="#">BB霜</a><a href="#">粉底</a><a href="#">保湿喷雾</a><a href="#">手霜</a><a href="#">洗面奶</a></div>
						</li>
                    </ul>
                </div>
            </div>
		<!--商品分类 end-->  
        <!--热销排行-->    	
			<div class="box">
            	<div class="wintop">
                	<span>热销排行</span>
                    <a class="more" href="#">更多</a>
                    <div class="zclear"></div>
                </div>
                <div class="border">
					<ul class="hot_list">
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/32.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>1326</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/37.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>169</span></p>
								<p class="p_num">已售<span>88</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/36.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>112</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/33.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>359</span></p>
								<p class="p_num">已售<span>156</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/34.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>419</span></p>
								<p class="p_num">已售<span>32</span>件</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		 <!--热销排行 end-->   	
        </div>
       <!--sider end-->
        <!--contain start--> 	 
        <div class="contain">
			<div class="goods_info clear">
             <h2 class="g_name">lux-women-925银镶施华洛世奇水晶吊坠-寻找幸福系列</h2>
             <!--商品展示--> 
				<div class="goods_show">
					<a class="zoom_in" href="#">查看大图</a>
					<img class="show_img" src="../temp/goods_detail.gif" width="300" height="300" alt="askdjfh " />
					<ul class="img_list clear">
						<li><a title="asdf" href="#"><img alt="dfg" src="../temp/28.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="asdf" src="../temp/21.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="../temp/22.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="../temp/28.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="../temp/30.gif" width="50" height="50" /></a></li>
					</ul>
				</div>	
             <!--商品展示 end--> 	
             <!--商品信息--> 		
				<div class="goods_detail">
					<ul>
						<li><span class="star_4"></span></li>
						<li>我的价格：<span class="impt">￥<span>89</span></span></li>
						<li>市场价格：<span class="market_price">￥199</span></li>
						<li>商城价格：<span>￥99</span></li>
						<li>品牌：<span>lux-women</span></li>
						<li>已销售：<span>139件</span></li>
						<li>数量：<input name="" type="text" size="5" /></li>
					</ul>
					<a class="buy_btn" href="#"></a>
					<a class="to_cart" href="#"></a>
					<a class="collection" href="#"></a>
				</div>
             <!--商品信息 end--> 		
			</div>
          <div class="tips">
            	<p class="tocenter">促销信息2009.12.31前全场任意商品包邮，还可获赠神秘小礼物一份息2009.12.31前全场任意商品包邮!</p>
             </div>
		
			<!--捆绑促销--> 
			<div class="truss clear">
				<h5>捆绑促销</h5>
				<div class="p_box">
					<ul style="width:px;"><!--图片超过5张时，会出现滚动条，需动态给ul一个宽度:默认宽度为530px，增加一张图片和加号宽度增加112px！-->
						<li><a href="#"><img src="../temp/goods_detail.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="../temp/21.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="../temp/22.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="../temp/28.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="../temp/30.gif" width="80" height="80" alt="asdf" /></a></li>
					</ul>
				</div>
				<div class="fleft">
					<p>原  价：<span class="line-through">￥4566</span></p>
					<p>促销价：<span class="impt">￥4499</span></p>
					<p class="pad_top"><a class="second" href="#"><span>购买此套餐</span></a></p>
				</div>
			</div>
			<!--捆绑促销 end-->
            <!--评价--> 
			<div class="detail">
				<ul class="tabs clear">
					<li><a class="current" href="#">详细介绍</a></li>
					<li><a href="#">商品评价</a></li>
				</ul>
				<div class="pad">
					<div class="opinion">
						<p><span class="star_4"></span><span class="pad_l">提交人:<span>李思思</span></span><span class="pad_l">时间:2009.10.26 15:23:01</span></p>
						<p>评论内容：<span class="opinion_detail">还真的蛮不错！很漂亮噢，质量也很好</span></p>
						<p>客服回复：<span class="opinion_back">谢谢您的信任，欢迎下次光临！</span></p>
					</div>
					<div class="opinion">
						<p><span class="star_5"></span><span class="pad_l">提交人:<span>李思思</span></span><span class="pad_l">时间:2009.10.26 15:23:01</span></p>
						<p>评论内容：<span class="opinion_detail">还真的蛮不错！很漂亮噢，质量也很好!!!</span></p>
						<p>客服回复：<span class="opinion_back">谢谢您的信任，欢迎下次光临！</span></p>
					</div>
					<div class="opinion">
						<p>翻页：<a class="current">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a></p>
					</div>
					<div class="to_say">
						<p>作者：<input name="" type="text" size="20" /><span class="pad_l">验证码：<input name="" type="text" size="5" /></span><span class="pad_l"><img src="../temp/00.jpg" width="59" height="22" alt="看不清，换一个" /></span></p>
						<p>
							<input name="" type="radio" value="" /><label class="star_0"></label>
							<input name="" type="radio" value="" /><label class="star_1"></label>
							<input name="" type="radio" value="" /><label class="star_2"></label>
							<input name="" type="radio" value="" checked /><label class="star_3"></label>
							<input name="" type="radio" value="" /><label class="star_4"></label>
							<input name="" type="radio" value="" /><label class="star_5"></label>
						</p>
						<textarea name="" cols="" rows="3"></textarea>
						<div class="tocenter mt_10px"><a class="third" href="#"><span>我要评价</span></a></div>
					</div>
				</div>
			</div>
			<!--评价 end--> 
            <!--其他热销商品--> 
			<div class="other">
				<h5>其他热销商品</h5>
				<ul class="show_list clear">
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="../temp/26.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">浪漫情怀 Lux-women钻石吊坠 浪漫情书</a>
					  <span class="p_price">￥899</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="../temp/27.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">浪漫【patti】月光杯钻石吊坠</a>
					  <span class="p_price">￥1029</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="../temp/23.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">张恒福珠宝 感情漩涡珍珠耳环</a>
					  <span class="p_price">￥99</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="../temp/24.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">CASIO 卡西欧甜蜜双显女表 </a>
					  <span class="p_price">￥259</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="../temp/25.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">张恒福珠宝 感情漩涡珍珠耳环</a>
					  <span class="p_price">￥259</span>
				  </li>
				</ul>
			</div>
			<!--其他热销商品 end--> 
		</div>
        <!--contain end-->
		<div class="Zclear"></div>
    </div>
 <!--main end--> 
 <!--bottom start-->     
    <div class="bottom clear">
    	<ul>
        	<li>
            	<h5 class="bangzhu">购物帮助</h5>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">联系客服人员</a></p>
            </li>
            <li>
            	<h5 class="dinggou">订购方式</h5>
                <p><a href="#">在线订购</a></p>
            </li>
            <li>
            	<h5 class="zhifu">支付方式</h5>
                <p><a href="#">在线汇款</a></p>
            </li>
            <li>
            	<h5 class="peisong">配送方式</h5>
                <p><a href="#">全国配送</a></p>
            </li>
            <li>
            	<h5 class="huiyuan">会员服务</h5>
                <p><a href="#">会员制度</a></p>
                <p><a href="#">贴心服务</a></p>
            </li>
            <li>
            	<h5 class="shanglu">新手上路</h5>
                <p><a href="#">购物流程</a></p>
            </li>
        </ul>
    </div>
 <!--bottom end--> 
<!--footer start-->     
 <div id="footer">
   <p class="footer_nav te">
        <a href="#">关于好靓</a>
	    <a href="#">广告服务</a>
        <a href="#">合作伙伴</a>
        <a href="#">帮助中心</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">热门品牌</a>
        <a href="#">版权说明</a>
        <a href="#">加入商城</a>
		<a href="#">淘宝客</a>
		<a href="#">交易安全</a>
   </p>
   <div class="copyright">
       <a href="#" class="copy_s1"><img src="../images/logo.jpg" width="240" height="65" alt="logo" /></a>
       <p class="copy_text">Copyright 2003-2010, 版权所有 TAOBAO.COM
增值电信业务经营许可证：浙B2-20080224
信息网络传播视听节目许可证：1109364号 </p>
   </div>
</div><!--end footer-->    
</div>
</body>
</html>
